<template>
  <div class="goods">
    <p>{{uname}}</p>
    <p>{{age}}</p>
    <p>{{sex}}</p>

  </div>
</template>

<script>
export default {
//接受父组件传递过来的数据
// props:['uname','age','sex']

//props也可以写成对象格式
//有三个配置可以使用 required表示必填： type表示类型约束：default表示默认值
props:{
uname:{
  required:true, //表示父组件必须给我传递uname
  type:String //要求父组件传递过来的uname必须是字符串类型
},
age:Number, //表示父组件传寄过来的值，必须是number类型的
sex:{
  default:'未知', 
  type:[String,Number]  //如果允许多种类型，可以写成数组格式
}
}
}
</script>

<style>
.goods {
padding: 10px;
margin: 8px;
border: solid 3px #000;
min-height: 50px;
}
</style>